var visioConfig = {
  visioTemplate: {}
}
// 基本模板节点（未使用，用页面的 script type="text/x-mustache"）
visioConfig.visioTemplate.nodeStart = '<div class="jnode-panel" id="{{id}}" style="top:{{top}}px;left:{{left}}px"><div name="nodeStart" class="jnode-box jnode-radius bdc-success"><span>开始</span></div></div>'
visioConfig.visioTemplate.nodeTask = '<div class="jnode-panel" id="{{id}}" style="top:{{top}}px;left:{{left}}px"><div name="nodeTask" class="jnode-box jnode-task bdc-primary"><span>节点</span></div></div>'
visioConfig.visioTemplate.nodeJudge = '<div class="jnode-panel" id="{{id}}" style="top:{{top}}px;left:{{left}}px"><div name="nodeJudge" class="jnode-box jnode-diamond jnode-judge bdc-warning"><span>判断</span></div></div>'
visioConfig.visioTemplate.nodeEnd = '<div class="jnode-panel" id="{{id}}" style="top:{{top}}px;left:{{left}}px"><div name="nodeEnd" class="jnode-box jnode-radius bdc-danger"><span>结束</span></div></div>'

// 基本锚点方位
visioConfig.baseArchors = ['TopCenter', 'RightMiddle', 'BottomCenter','LeftMiddle'];
//visioConfig.baseArchors = ['TopCenter', 'RightMiddle', 'BottomCenter','LeftMiddle','TopLeft', 'TopRight','BottomLeft','BottomRight'];

// 基本连接线样式
visioConfig.connectorPaintStyle = {
  lineWidth:1,
  strokeStyle: '#337ab7',//#61B7CF',
  joinstyle: 'round',
  outlineColor: 'transparent',
  outlineWidth: 1
}

// 鼠标悬浮在连接线上线的样式
visioConfig.connectorHoverStyle = {
  lineWidth: 1,
  strokeStyle: '#d58512',
  outlineWidth: 1,
  outlineColor: 'transparent'
}
// 鼠标悬浮连接线上两端锚点样式
visioConfig.endpointHoverStyle = {
  lineWidth: 1,
  strokeStyle: '#fff',
  outlineWidth: 1,
  outlineColor: '#fff'
}
//锚点样式
visioConfig.hollowCircle = {
  endpoint: ['Dot', { radius: 1 }],  //'Rectangle',//  端点的形状[Dot,Rectangle]
  connectorStyle: visioConfig.connectorPaintStyle, // 连接线的颜色，大小样式
  hoverPaintStyle: visioConfig.endpointHoverStyle,
  connectorHoverStyle: visioConfig.connectorHoverStyle,
  paintStyle: {
    strokeStyle: 'transparent',//'#337ab7',//可改成 transparent 透明
    fillStyle: 'transparent',
    radius: 5,
    lineWidth: 1
  },        // 端点的颜色样式
  // anchor: "AutoDefault",
  isSource: true,    // 是否可以拖动（作为连线起点）
  connector: ['Flowchart', { stub: [2, 5], gap: 2, cornerRadius: 2, alwaysRespectStubs: true }],  // 连接线的样式种类有[Bezier],[Flowchart],[StateMachine ],[Straight ]
  isTarget: true,    // 是否可以放置（连线终点）
  maxConnections: -1,    // 设置连接点最多可以连接几条线
  connectorOverlays: [['Arrow', { width: 5, length: 5, location: 1 }]]
}
//流程图查看
visioConfig.hollowCircle2 = {
    endpoint: ['Dot', { radius: 1 }], //'Rectangle',//  端点的形状[Dot,Rectangle]
    connectorStyle: visioConfig.connectorPaintStyle, // 连接线的颜色，大小样式
    paintStyle: {
        lineWidth: 0
    },
    isSource: true,    // 是否可以拖动（作为连线起点）
    connector: ['Flowchart', { stub: [2, 5], gap: 2, cornerRadius: 2, alwaysRespectStubs: true }],  // 连接线的样式种类有[Bezier],[Flowchart],[StateMachine ],[Straight ]
    isTarget: true,    // 是否可以放置（连线终点）
    maxConnections: -1,    // 设置连接点最多可以连接几条线
    connectorOverlays: [['Arrow', { width: 5, length: 5, location: 1 }]]
}

